import Vue from 'vue'

// 浏览器统一默认样式 reset
import 'normalize.css/normalize.css'

// 引入并使用element原件库
import Element from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

// 用Vue实现的Antd组件库
// import Antd from 'vue-antd-ui'
// import 'vue-antd-ui/dist/antd.css'

// 全局样式
import '@/styles/index.scss'
// 首页
import App from './App'
// 路由
import router from './router'
// 状态
import store from './store'
// 国际化
import i18n from './lang'
// icon
import './icons'
// 错误日志
import './errorLog'
// 权限控制
import './permission'
// 模拟数据
import './mock'
// 全局使用的过滤
import * as filters from './filters'

// 使用element组件
Vue.use(Element, {
  size: 'large', // set element-ui default size
  i18n: (key, value) => i18n.t(key, value)
})

// // 使用Antd组件
// Vue.use(Antd)

// register global utility filters.
Object.keys(filters).forEach(key => {
  Vue.filter(key, filters[key])
})

Vue.config.productionTip = false

new Vue({
  el: '#app',
  router,
  store,
  i18n,
  template: '<App/>',
  components: { App }
})
